import React from 'react';
import { Button, Result } from 'antd';
import {useNavigate} from 'react-router-dom'
const Err: React.FC = () => {
  const navigate = useNavigate()
  const handleClick = ()=>{
    navigate('/')
  }
  return (
    <Result
    status="404"
    title="404"
    subTitle="Sorry, the page you visited does not exist."
    extra={<Button type="primary" onClick={handleClick}>Back Home</Button>}
  />
  )
};
export default Err;